page {
	height: 100%;
	font-size: 28upx;
	line-height: 1.8;
	background: #FFFFFF;
	box-sizing: border-box;
}

$mainColor:#DF3031;

/* (2) 图片默认100%宽度 */
image {
	width: 100%;
	height: 100%;
}

::-webkit-scrollbar {
	display: none;
}



// 动画延迟
@for $i from 0 through 17 {
	.delay-#{$i} {
		-webkit-animation-duration: ($i *0.4s);
		animation-duration: ($i * 0.4s);
	}
}

.main-bgcolor{
	background-color: $mainColor;
}

.main-txtcolor{
	color: $mainColor;
}

.main-border{
	border: 2rpx solid $mainColor;
}

@for $i from 0 through 100 {
	.rounded-#{$i} {
		border-radius: $i * 1rpx;
	}
}

@for $i from 0 through 100 {
	.spacing-#{$i} {
		letter-spacing: $i * 1rpx;
	}
}


@for $i from 1 through 100 {
	.opacity-#{$i} {
		
		@if $i == 100{
			display: none;
			z-index: -1;
		}
		opacity:(100 - $i) / 100 ;	
	}
}


// display: inline-block;
// 		overflow: hidden;
// 		text-overflow: ellipsis;
// 		display: -webkit-box;
// 		-webkit-line-clamp: 2;
// 		-webkit-box-orient: vertical;
// 		word-break: break-all;

.line-clamp2{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}


.transition{
	transition: all 0.3s ease-in;
}

.textIndent2{
	text-indent: 2em;
}